
<!DOCTYPE html>
<html lang="cn">

    <head>

        <meta charset="utf-8">
        <title>失物网</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <!-- CSS -->
        <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
		<link rel="stylesheet" href="plugin/jquery-ui/themes/base/jquery.ui.all.css">
        <link rel="stylesheet" href="assets/css/style.css">
		<link rel="stylesheet" href="plugin/ueditor/themes/default/css/ueditor.css" type="text/css">
		<script src="plugin/province/prodatas.js" type="text/javascript"></script> 
        <script src="assets/js/jquery-1.8.2.min.js"></script>
        <script src="assets/bootstrap/js/bootstrap.min.js"></script>
		<script src="plugin/jquery-ui/ui/i18n/jquery.ui.datepicker-zh-CN.js"></script>
		<script src="plugin/jquery-ui/ui/jquery-ui.js"></script>
		<script src="plugin/ueditor/ueditor.all.min.js"></script>
		<script src="plugin/ueditor/ueditor.config.js"></script>
        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
		<style>
		.categoryBox{
			height:130px;
			margin-top:8px;
			background:#F93;
			color:#fff;
			cursor:pointer;
		}
		.categoryBox:hover{
		    background:#888;
		}
		
		.mySelect{
		    font-size:14px;
			margin:0 8px 0 8px;
			border-bottom:solid 1px;
			font-weight:bold;
		}
		.mySelect:hover{
			margin:3px;
			cursor:pointer;
			font-size:16px;
		}
		.inputTitle{
			color:#F93;
		}
		</style>
<script>
	$( document ).ready( function() {
		$("#effictTimeInp").datepicker($.datepicker.regional['zh-CN']);
		$("#lostTimeInp").datepicker($.datepicker.regional['zh-CN']);
		
		//构建省菜单
		for(var pro_indx=0;pro_indx<provinces.length;pro_indx++){
		   $('#provSelect').append("<option value='"+provinces[pro_indx].code+"'>"+provinces[pro_indx].name+"</option>");
		}
		
		$('#provSelect').change(function (){
		var prov=$('#provSelect').val().substring(0,2);
		  if(prov==''){
		    return ;
		  }
		  $('#citySelect').html('');
		  $('#distSelect').html('');
		  for(var city_inx=0;city_inx<citys.length;city_inx++){
		    if(citys[city_inx].code.substring(0,2) == prov){
			 $('#citySelect').append("<option value='"+citys[city_inx].code+"'>"+citys[city_inx].name+"</option>");
			}
		  }
	    });
		  
	     $('#citySelect').change(function (){
		  $('#distSelect').html('');
		  var disc=$('#citySelect').val().substring(0,4);
		  for(var disc_inx=0;disc_inx<districts.length;disc_inx++){
		    if(districts[disc_inx].code.substring(0,4) == disc){
			 $('#distSelect').append("<option value='"+districts[disc_inx].code+"'>"+districts[disc_inx].name+"</option>");
			}
		  }
		});
	} );
</script>
    </head>

    <body>

        <!-- Header -->
        <div class="container">
            <div class="header row">
                <div class="span12">
                    <div class="navbar">
                        <div class="navbar-inner">
							<div class="span2" style="margin-left:0px;">
								<img src="picresources/logo.png"  style="margin-top:12px;float:left;"/><br/>
								<p style="margin-top:46px;">
								<a class=" icon-user">当前位置：</a> <a class="icon-comment">首页->搜索页面</a>
								</p>
							</div>
				
                            <div class="nav-collapse collapse span9">
                                <ul class="nav pull-right">
                                    <li class="current-page">
                                        <a href="index.html"><i class="icon-home"></i><br />主页</a>
                                    </li>
                                    <li>
                                        <a href="showlist.html"><i class="icon-list-alt"></i><br />快速发布告示</a>
                                    </li>
                                    <li>
                                        <a href="#"><i class="icon-comments"></i><br />创建组织专区</a>
                                    </li>
                                    <li>
                                        <a href="#"><i class="icon-tasks"></i><br />注册用户</a>
                                    </li>
                                    <li>
                                        <a href="about.html"><i class="icon-user"></i><br />关于</a>
                                    </li>
                                    <li>
                                        <a href="contact.html"><i class="icon-envelope-alt"></i><br />联系我们</a>
                                    </li>
                                </ul>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
			<div class="row">
				<div  class="span12" style="border-top:solid 2px #F93"></div>
			</div>
        </div>
		<br/>
        <!-- Services -->
        <div class="container">
            <div class="row">
              <div class="span4"  style="background:#E0E4CC;">
				<h5>1:选择发布分类</h5>
			  </div>
             <div class="span4"  style="background:#F38630;color:#fff;">
				<h5>2:填写发布信息</h5>
			  </div>
             <div class="span4"  style="background:#E0E4CC;">
				<h5>3:设定密码并发布</h5>
			  </div>
            </div>
        </div>
        <div class="container" style="margin-top:12px;border: solid 1px #DDD;padding-top:12px;padding-bottom:12px;">
		    <div class="row" style="margin-bottom:20px;">
			  <div class="span12" style="text-align:left;border-bottom:1px dotted #DCDEE1;margin-bottom:4px; background:#556270;color:#fff">
			    <span style="margin-left:12px;font-size:12px;">基本信息设定：</span>
			  </div>
			</div>
            <div class="row">
				<div class="span2 inputTitle" style="text-align:right;margin-top:4px;">
				   <span style="font-size:16px;height:120px;">标题</span>
				</div>
				<div class="span10" >
					<input type="text" class="span5"  style="float:left;" />
					<div class="alert span4" style="padding:5px 35px 5px 14px;text-align:left;background:#FCF8F8">  
						标题长度不能超过256个字符！
					</div>
				</div>
            </div>
            <div class="row">
				<div class="span2 inputTitle" style="text-align:right;margin-top:4px;">
				   <span style="font-size:16px;height:120px;">拾到地点:</span>
				</div>
				<div class="span10"  >
					<div style="float:left;">
						<select class="span2"  id="provSelect">  
						</select>
						<span style="font-size:16px;">省</span>
					</div>
					<div style="float:left;">
						<select class="span2"  id="citySelect">  
							<option>---</option>  
						</select>
						<span style="font-size:16px;">市/县</span>
					</div>
					<div style="float:left;">
						<select class="span2"  id="distSelect">  
							<option>---</option>  
						</select>
						<span style="font-size:16px;">区</span>
					</div>
					<div class="alert span2" style="padding:5px 35px 5px 14px;text-align:left;background:#FCF8F8">  
						请依次选择地点
					</div>
				</div>
				<div class="span2 inputTitle" style="text-align:right;margin-top:4px;">
				   <span style="font-size:16px;height:120px;"></span>
				</div>
				<div class="span10" >
					<input type="text" class="span8"  style="float:left;" />
					<div class="alert span1" style="padding:5px 35px 5px 14px;text-align:left;background:#FCF8F8">  
						详细地址
					</div>
				</div>
			</div>
            <div class="row">
				<div class="span2 inputTitle" style="text-align:right;margin-top:4px;">
				   <span style="font-size:16px;height:120px;">丢失时间</span>
				</div>
				<div class="span3" >
						<p style="float:left;"> <input type="text" id="lostTimeInp" /></p>
				</div>
				<div class="span2 inputTitle" style="text-align:right;margin-top:4px;">
				   <span style="font-size:16px;height:120px;">有效时间到</span>
				</div>
				<div class="span3" >
						<p style="float:left;"> <input type="text" id="effictTimeInp" /></p>
				</div>
            </div>
            <div class="row" style="margin-bottom:12px;">
				<div class="span2 inputTitle" style="text-align:right;margin-top:4px;">
				   <span style="font-size:16px;height:120px;">上传图片</span>
				</div>
				<div class="span10"  >
					<div >
						 <button class="btn btn-warning"   style="float:left;" onclick="$('#uploadFile').click();" >上传图片</button>
						 <input  type="file" name="file_upload" multiple="true"  style="display:none;" id="uploadFile" />
						<div class="alert span5" style="padding:5px 35px 5px 14px;text-align:left;background:#FCF8F8">  
							最大支持每张图片1g，太大的图片系统会进行压缩。
						</div>
					</div>
				</div>				
            </div>
			<div class="row" style="margin-bottom:12px;">
				<div class="span2 inputTitle" style="text-align:right;">
				</div>
				<div  class="span3">
						<img src="201308150945208331.jpg" class="img-polaroid" /><br/>
						第一幅图片.JPG <a>删除</a>
				</div>
				<div  class="span2">
						<img src="picresources/QQ截图20130830103916.png" class="img-polaroid"/><br/>
						第一幅图片.JPG <a>删除</a>
				</div>
				<div  class="span2">
						<img src="picresources/QQ截图20130830103916.png" class="img-polaroid"/><br/>
						第一幅图片.JPG <a>删除</a>
				</div>
				<div  class="span2">
						<img src="picresources/QQ截图20130830103916.png" class="img-polaroid"/><br/>
						第一幅图片.JPG <a>删除</a>
				</div>
            </div>
			
            <div class="row">
				<div class="span2 inputTitle" style="text-align:right;margin-top:4px;">
				   <span style="font-size:16px;height:120px;">详细描述</span>
				</div>
				<div class="span10">
				  <script type="text/plain" id="editor" style="width:100%;height:500px;"></script>
				</div>
            </div>
        </div>
		<script type="text/javascript">
			var ue = UE.getEditor('editor', {
				imageUrl:UEDITOR_CONFIG.UEDITOR_HOME_URL + "../yunserver/yunImageUpForMini.php",
				imagePath:"http://",
				lang:/^zh/.test(navigator.language || navigator.browserLanguage || navigator.userLanguage) ? 'zh-cn' : 'en',
				langPath:UEDITOR_CONFIG.UEDITOR_HOME_URL + "lang/",
				focus: true
			});
		</script>
		
        <div class="container" style="margin-top:12px;border: solid 1px #DDD;padding-top:12px;padding-bottom:12px;">
		    <div class="row">
			  <div class="span12" style="text-align:left;border-bottom:1px dotted #DCDEE1;margin-bottom:4px; background:#556270;color:#fff">
			    <span style="margin-left:12px;font-size:12px;">联系方式设定：</span>
			  </div>
			</div>
            <div class="row">
				<div class="span2 inputTitle" style="text-align:right;margin-top:4px;">
				   <span style="font-size:16px;height:120px;">手机</span>
				</div>
				<div class="span10" >
					<input type="text" class="span3"  style="float:left;" />
					<div class="alert span4" style="padding:5px 35px 5px 14px;text-align:left;background:#FCF8F8">  
					    你可以选择是否保密信息，保密情况下您的信息不会直接显示
					</div>
				</div>
            </div>
            <div class="row">
				<div class="span2 inputTitle" style="text-align:right;margin-top:4px;">
				   <span style="font-size:16px;height:120px;">qq号码</span>
				</div>
				<div class="span10" >
					<input type="text" class="span3"  style="float:left;" />
					<div class="alert span4" style="padding:5px 35px 5px 14px;text-align:left;background:#FCF8F8">  
						请输入您的qq号码
					</div>
				</div>
            </div>
            <div class="row">
				<div class="span2 inputTitle" style="text-align:right;margin-top:4px;">
				   <span style="font-size:16px;height:120px;">邮箱</span>
				</div>
				<div class="span10" >
					<input type="text" class="span3"  style="float:left;" />
					<div class="alert span4" style="padding:5px 35px 5px 14px;text-align:left;background:#FCF8F8">  
						邮箱信息会被任何人看到
					</div>
				</div>
            </div>
            <div class="row">
				<div class="span2 inputTitle" style="text-align:right;margin-top:4px;">
				   <span style="font-size:16px;height:120px;">详细地址</span>
				</div>
				<div class="span10" >
					<textarea   class="span7"  style="float:left;" ></textarea>
				</div>
			</div>
        </div>
		
		<div class="container" style="margin-top:12px;border: solid 1px #DDD;padding-top:12px;padding-bottom:12px;">
            <div class="row">
			    <button class="btn btn-warning" type="button" style="width:200px;" onclick="$('#myModal').modal('show')">下一步</button>
			</div>
        </div>
	
	
			<!-- Modal -->
		<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		  <div class="modal-header" style="color:#000">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
			<span id="myModalLabel" style="margin:0px;font-size:20px;font-weight:bold;">3:设定密码并发布</span>
		  </div>
		  <div class="modal-body" style="text-align:left;padding-bottom:0px;">
					<div class="span1 inputTitle" style="text-align:right;margin-top:4px;">
					   <span style="font-size:16px;height:120px;">修改密码</span>
					</div>
					<div class="span4" >
						<input type="text" class="span2"  style="float:left;" />
						<div class="alert span1" style="padding:5px 35px 5px 14px;text-align:left;background:#FCF8F8">  
							密码
						</div>
					</div>
					<div class="span1 inputTitle" style="text-align:right;margin-top:4px;">
					   <span style="font-size:16px;height:120px;">重复密码</span>
					</div>
					<div class="span4" >
						<input type="text" class="span2"  style="float:left;" />
						<div class="alert span1" style="padding:5px 35px 5px 14px;text-align:left;background:#FCF8F8">  
							密码
						</div>
					</div>
		  </div>
		  <div class="modal-footer">
		    <button class="btn"  data-dismiss="modal" aria-hidden="true">继续编辑</button>
			<button class="btn btn-warning"  onclick="window.location.href='note_detail.html'" >发布信息</button>
		  </div>
		</div>
		
		
        <!-- Footer -->
        <footer>
            <div class="what-we-do container">
                <div class="row">
                    <div class="widget span3">
                        <h4>关于我们</h4>
                        <p>本网站是一个完全公益性网站，对于用户的注册信息严格保密，请放心使用.</p>
                    </div>
                    <div class="widget span3">
                        <h4>网站新闻</h4>
                        <p>本网站是一个完全公益性网站，对于用户的注册信息严格保密，请放心使用.</p>
                    </div>
                    <div class="widget span3">
                        <h4>好人好事墙</h4>
                         <p>本网站是一个完全公益性网站，对于用户的注册信息严格保密，请放心使用.</p>
                    </div>
                    <div class="widget span3">
                        <h4>联系我们</h4>
                        <p><i class="icon-map-marker"></i> 地址: 杭州市西湖区文三路黄龙时代广场</p>
                        <p><i class="icon-envelope-alt"></i> Email: <a href="">dantianxuan@qq.com</a></p>
                    </div>
                </div>
                <div class="footer-border"></div>
                <div class="row">
                    <div class="copyright span4">
                        <p>Copyright 2012 losenote - All rights reserved. Design by <a href="#">dandelion</a>.</p>
                    </div>
                </div>
            </div>
        </footer>

		 

    </body>

</html>

